// cover some element-ui styles

// 修复 el-table 在 fixed 的时候滚动条被遮挡的问题
.el-table--scrollable-x .el-table__body-wrapper {
    z-index: 2;
}
.el-table__fixed,
.el-table__fixed-right {
    box-shadow: none;
}
.el-table--border,
.el-table--group {
    // border: 1px solid #e0e0e0;
    border-color: #e0e0e0;
}
.el-table--border .el-table__cell,
.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
    border-right: 1px solid #e0e0e0;
}
.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
    border-bottom: 1px solid #e0e0e0;
}
.el-table__fixed-right .el-table__fixed-body-wrapper .el-table__body tbody {
    tr td:last-child {
        border-left: 1px solid #e0e0e0;
    }
}
.el-table__fixed-right .el-table__fixed-header-wrapper thead {
    tr th:last-child {
        border-left: 1px solid #e0e0e0;
    }
}
.el-table--border::after,
.el-table--group::after,
.el-table::before {
    background-color: #e0e0e0;
}
.el-table--border th.el-table__cell,
.el-table__fixed-right-patch {
    border-bottom: 1px solid #e0e0e0;
}
.el-table__footer-wrapper td.el-table__cell {
    border-top: 1px solid #e0e0e0;
}
.el-table__fixed-footer-wrapper tbody td.el-table__cell {
    border-top: 1px solid #e0e0e0;
    background-color: #f0f0f0;
}
.el-table__footer-wrapper tbody td.el-table__cell,
.el-table__header-wrapper tbody td.el-table__cell {
    background-color: #f0f0f0;
}
.el-table .el-table__header-wrapper th,
.el-table .el-table__fixed-header-wrapper th {
    background-color: #f0f0f0 !important;
}
/* .el-table__fixed, .el-table__fixed-right{
  z-index: 1;
} */

.el-table {
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
}
.el-table th {
    text-align: center !important;
    height: 36px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    .cell {
        white-space: nowrap;
    }
}

.el-table td {
    padding: 0;
}

.el-table__cell {
    padding: 0 !important;
    height: 36px !important;
    font-weight: 400 !important;
}

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
    font-weight: 400 !important;
}

.el-upload {
    input[type='file'] {
        display: none !important;
    }
}

.el-upload__input {
    display: none;
}

.cell {
    .el-tag {
        font-size: 14px;
        font-weight: 400;
    }
    .el-tag--text {
        margin-right: 0px;
        color: unset;
        border: unset;
        background: unset;
    }
}

.small-padding {
    .cell {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.fixed-width {
    .el-button--mini {
        padding: 7px 10px;
        width: 60px;
    }
}

.status-col {
    .cell {
        padding: 0 10px;
        text-align: center;

        .el-tag {
            margin-right: 0px;
        }
    }
}

// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
    transform: none;
    left: 0;
    position: relative;
    margin: 0 auto;
    background-color: #eee;
    border-radius: 8px;
    overflow: hidden;

    .el-dialog__header {
        padding: 0 8px;
        height: 32px;
        line-height: 32px;
        background-color: #1777f7;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
        .el-dialog__title {
            color: #fff;
            font-size: 16px;
        }

        .el-dialog__headerbtn {
            top: 8px;

            .el-dialog__close {
                border: 1px solid #fff;
                color: #fff;
                border-radius: 50%;
            }
        }
    }
    &.no-bg-color {
        .el-dialog__body {
            background-color: transparent;
        }
    }

    .el-dialog__body {
        background-color: #fff;
        margin: 8px;
        border-radius: 8px;
        padding: 0;
        .el-form {
            .el-form-item {
                margin-bottom: 8px;
                margin-right: 8px;
            }
            .el-form-item__label {
                color: rgba(0, 0, 0, 0.56);
                font-size: 14px;
                float: none;
            }
            .el-form-item__content {
                margin-left: 0 !important;
            }
            .el-date-editor.el-input {
                width: 100%;
            }
            .el-select {
                width: 100%;
                display: block !important;
            }
            .el-date-editor,
            .vue-treeselect {
                width: 100%;
            }
            .el-date-editor.el-input,
            .el-date-editor.el-input__inner {
                width: 100% !important;
            }
            .el-cascader {
                width: 100%;
            }
        }
    }

    .el-dialog__footer {
        text-align: center;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
        background-color: #fff;
        padding: 6px 0;
    }
}

// refine element ui upload
.upload-container {
    .el-upload {
        width: 100%;

        .el-upload-dragger {
            width: 100%;
            height: 200px;
        }
    }
}

// dropdown
.el-dropdown-menu {
    a {
        display: block;
    }
}

// fix date-picker ui bug in filter-item
.el-range-editor.el-input__inner {
    display: inline-flex !important;
}

// to fix el-date-picker css style
.el-range-separator {
    box-sizing: content-box;
}

.el-menu--collapse > div > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
    display: none;
}

.el-tabs.el-tabs--border-card {
    border-radius: 8px;
    .el-tabs__header {
        border-radius: 8px 8px 0 0;
        .el-tabs__nav-wrap {
            border-radius: 8px;
        }
    }
    & > .el-tabs__content {
        padding: 0;
    }
}
// 默认按钮hover颜色
.el-button--info.is-plain:focus,
.el-button--info.is-plain:hover {
    background: #0085ff;
    border-color: #0085ff;
    color: #fff;
}

.el-button--text {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 145, 255, 0.88);
}
.el-table__body tr.current-row > td.el-table__cell {
    background: #f5f5f5;
    &:nth-child(1) {
        &::before {
            content: '';
            width: 4px;
            height: 100%;
            background: #0085ff;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
        }
    }
}
.el-table__body tr.hover-row.current-row > td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped.current-row > td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell,
.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell,
.el-table__body tr.hover-row > td.el-table__cell {
    // background: #fafafa;
    background: #fafafa;
}
.el-descriptions__header {
    margin-bottom: 8px;
}

.el-table {
    /*把icon的content更换了*/
    th {
        .el-icon-arrow-down {
            vertical-align: middle;
        }
        .el-icon-arrow-down:before {
            content: url('data:image/svg+xml;%20charset=utf8,%3Csvg%20t=%221685349249149%22%20class=%22icon%22%20viewBox=%220%200%201024%201024%22%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20p-id=%223887%22%20width=%2215%22%20height=%2220%22%3E%3Cpath%20d=%22M923.982125%200.00256a100.351699%20100.351699%200%200%201%2073.881378%20167.935496l-6.50238%206.399981c-29.84951%2027.903916-131.839604%20109.465272-305.867883%20244.735266a20.223939%2020.223939%200%200%200-7.014379%2015.871952v489.112133A99.9421%2099.9421%200%200%201%20578.229562%201023.999488c-16.79355%200.0512-33.2799-4.095988-48.025456-12.134364l-132.300403-72.703781a100.249299%20100.249299%200%200%201-52.019044-88.166136v-419.83874a19.660741%2019.660741%200%200%200-8.089576-15.871953l-131.788404-102.399693C100.586195%20230.453069%2040.989574%20182.069214%2027.575214%20167.989256A99.430102%2099.430102%200%200%201%20100.330196%200.00256h823.703129zM179.331559%20102.402253a25.599923%2025.599923%200%200%200-19.302342%2042.393473l3.942388%203.686389L398.057303%20332.494363c29.081513%2021.247936%2047.206258%2054.118238%2049.81745%2089.70213l0.307199%208.959974v403.659589c0%209.369572%205.119985%2017.919946%2013.31196%2022.476732l76.59497%2042.086274a25.599923%2025.599923%200%200%200%2037.939087-22.425533l0.051199-439.038683c-1.023997-33.791899%2012.031964-66.406201%2037.939087-92.006124l7.372778-6.758379%20239.615281-191.180227a25.599923%2025.599923%200%200%200-16.076752-45.567863h-665.598003zM983.783545%20728.678774a40.447879%2040.447879%200%200%201%200%2080.844557h-218.316145a40.447879%2040.447879%200%200%201%200-80.895757h218.316145v0.0512z%20m0-148.223555a40.447879%2040.447879%200%200%201%200%2080.895757h-218.316145a40.447879%2040.447879%200%200%201%200-80.895757h218.316145z%20m0-149.298752a40.447879%2040.447879%200%200%201%200%2080.895757h-218.316145a40.447879%2040.447879%200%200%201%200-80.895757h218.316145z%22%20p-id=%223888%22%3E%3C/path%3E%3C/svg%3E');
            font-size: 18px;
        }

        .el-table__column-filter-trigger i {
            color: #323233;
        }
    }
    .tabradio .el-radio__label {
        display: none;
    }
}
.el-table__fixed-right::before,
.el-table__fixed::before {
    background-color: unset;
}
.v-modal {
    opacity: 0.64;
}
.el-tooltip__popper {
    max-width: 500px;
    line-height: 1.5;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input,
.el-input__inner {
    font-size: 14px;
}
.el-tree {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
    font-size: 14px;
    color: rgba(0,0,0,0.88);
    letter-spacing: 0;
    font-weight: 400;
}
